<h3 class="dropdown-headline">
	{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:toolbarItems.bookmarks')}
</h3>
<hr>
<f:if condition="{f:count(subject: '{shortcutMenu}')} == 0">
	<f:then>
		<f:render section="helpMessage"/>
	</f:then>
	<f:else>
		<f:for each="{shortcutMenu}" as="group" iteration="iterator">
			<f:if condition="!{iterator.isFirst}">
				<hr>
			</f:if>
			<f:if condition="{group.title}">
				<h3 class="dropdown-headline" id="shortcut-group-{group.id}">{group.title}</h3>
			</f:if>
			<div class="dropdown-table" data-shortcutgroup="{group.id}">
				<f:for each="{group.shortcuts}" as="shortcut">
					<f:render partial="ShortcutToolbarItem/Shortcut" arguments="{group : group, shortcut : shortcut}" />
				</f:for>
			</div>
		</f:for>
	</f:else>
</f:if>

<f:section name="helpMessage">
	<f:comment>No shortcuts added yet, show a small help message how to add shortcuts</f:comment>
	<f:alias
		map="{inlineIcon: '{core:icon(identifier: \'actions-system-shortcut-new\', alternativeMarkupIdentifier: \'inline\')}', inlineIconTitle: '{f:translate(key: \'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:toolbarItems.bookmarks\')}'}">
		<p>{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_misc.xlf:bookmark_description', arguments:'{0: \'<span title="{inlineIconTitle}">{inlineIcon -> f:format.raw()}</span>\'}') -> f:format.raw()}</p>
	</f:alias>
</f:section>
